<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style>
	body {
		height: 3000px
	}
	.a {
	  background: #B8C1C8;
	  border-bottom: 1px solid #989EA4;
	  border-top: 1px solid #717D85;
	  color: #FFF;
	  font: bold 18px/21px Helvetica, Arial, sans-serif;
	  margin: 0;
	  padding: 2px 0 0 12px;
	  position: -webkit-sticky;
	  position: sticky;
	  top: -1px;
	}
	</style>
</head>
<body>
<div>
	<ul>
		<li class="a">1</li>
		<li>2</li>
		<li>2</li>
		<li>2</li>
		<li>2</li>
		<li>2</li>
		<li>2</li>
		<li>2</li>
		<li>2</li>
		<li>2</li>
	</ul>
	<ul>
		<li class="a">11</li>
		<li>2</li>
		<li>2</li>
		<li>2</li>
	</ul>
	<ul>
		<li class="a">111</li>
		<li>2</li>
		<li>2</li>
		<li>2</li>
	</ul>
</div>
</body>
</html>